<template>
  <div>
    <p>计数器的值: {{ count }}</p>
    <button @click="increment(1)">增加 1</button>
    <button @click="increment(5)">增加 5</button>
    <button @click="decrement(1)">减少 1</button>
  </div>
</template>
<script setup>
import {ref} from 'vue';
console.log("hi")

const count = ref(0); // 创建一个响应式变量 count，并初始化为 0

const increment = (value) => {
  console.log("hello")
  count.value += value; // 定义增加 count 的方法，接受一个参数 value
};

const decrement = (value) => {
  count.value -= value; // 定义减少 count 的方法，接受一个参数 value
};
</script>
<style scoped>
</style>

